		<div id="sidebar">
			<!-- logo -->
			<!-- <a href="index.html"><img src="/uploads/20161202584137b70dbdd67.jpg" alt="Left template" id="logo" /></a> -->
						
			<!-- search -->
			<form  method="get" id="searchform" action="#">
				<div>
					<input type="text" value="Search..." name="s" id="s" onFocus="defaultInput(this)" onBlur="clearInput(this)" />
					<input type="submit" id="searchsubmit" value=" " />
				</div>
			</form>
			<!-- ENDS search -->
						
			<!-- Navigation -->
			<ul id="nav" class="sf-menu sf-vertical">
				@foreach($navs as $nav)
				<li class="current-menu-item"><a href="{{ $nav->url}}">{{$nav->title}}</a></li>
				<!-- <li><a href="features.html">FEATURES</a>
					<ul>
						<li><a href="features.html">Columns layout</a>
						<li><a href="features-typography.html">Typography</a>
						<li><a href="features-icons.html">General icons</a>
						<li><a href="features-social-icons.html">Social icons</a>
						<li><a href="features-accordion.html">Accordion boxes</a>
						<li><a href="features-toggle.html">Toggle boxes</a>
						<li><a href="features-tabs.html">Tabbed content</a>
					</ul>
				</li> -->
				@endforeach
			</ul>
			<!-- Navigation -->	
					
			<!-- categories -->
			<ul class="cat-list">
				<li><h6>Categories</h6></li>
				@foreach($categories as $category)
				<li><a href="{{ route('articel.index',['id' => $category->cat_id]) }}" title="{{$category->cat_name}}">{{$category->cat_name}}</a></li>
				@endforeach
			</ul>
			<!-- categories -->	

			<!-- Social -->
			<ul class="social">
				<li><h6>Follow us</h6>
				<li><a href="#" class="facebook" title="Become a fan"></a></li>
				<li><a href="#" class="twitter" title="Follow our tweets"></a></li>
				<li><a href="#" class="dribbble" title="View our work"></a></li>
				<li><a href="#" class="addthis" title="Tell everybody"></a></li>
				<li><a href="#" class="vimeo" title="View our videos"></a></li>
				<li><a href="#" class="youtube" title="View our videos"></a></li>
			</ul>
			<!-- ENDS Social -->

		</div>
		